<template>
  <div class="app-container">
    <el-row>
      <el-col :span="24">
        <div class="grid-content bg-purple-dark">
        </div>
      </el-col>
    </el-row>

    <el-divider content-position="center">人员基本信息</el-divider>
    <el-row>
      <el-col :span="8">
        <div class="grid-content bg-purple-dark">
          <el-form status-icon label-width="120px">
            <el-form-item label="姓名:" size="small">
              {{base.name}}
            </el-form-item>
          </el-form>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple-dark">
          <el-form status-icon label-width="120px">
            <el-form-item label="身份证号码:" size="small">
              {{base.ident_number}}
            </el-form-item>
          </el-form>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple-dark">
          <el-form status-icon label-width="120px">
            <el-form-item label="联系电话:" size="small">
              {{base.phone}}
            </el-form-item>
          </el-form>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple-dark">
          <el-form status-icon label-width="120px">
            <el-form-item label="年龄:" size="small">
              {{base.age}}
            </el-form-item>
          </el-form>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple-dark">
          <el-form status-icon label-width="120px">
            <el-form-item label="身份证所属地:" size="small">
              {{base.id_card_city}}
            </el-form-item>
          </el-form>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple-dark">
          <el-form status-icon label-width="120px">
            <el-form-item label="电话所属地:" size="small">
              {{base.mobile_address_city}}
            </el-form-item>
          </el-form>
        </div>
      </el-col>
    </el-row>
    <el-tag>验证结果</el-tag>

    <el-divider content-position="center">系统结论</el-divider>
    <el-row>
      <el-col :span="6">
        <el-form status-icon label-width="120px">
          <el-form-item label="综合评分:" size="small">
            {{detail.multiple_score}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="120px">
          <el-form-item label="审核建议:" size="small">
            {{detail.verify_recomment}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="120px">
          <el-form-item label="命中风险标注:" size="small">

          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="120px">
          <el-form-item label="分值标注说明:" size="small">
            {{detail.score_norm_explain}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-divider content-position="center">法院风险信息</el-divider>
    <el-row>
      <el-col :span="24" :offset="6">
        <el-table :data="court_risk_info_list" size="big" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'left'}"
          style="width: 100%">
          <el-table-column prop="data_type" label="类型" width="100">
          </el-table-column>
          <el-table-column prop="sort_time_string" label="审结日期" width="100">
          </el-table-column>

          <el-table-column prop="summary" label="摘要说明" width="600">
          </el-table-column>
          <el-table-column prop="compatibility" label="匹配度" width="100">
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
    <el-divider content-position="center">近期贷款需求</el-divider>
    <el-divider content-position="center">7天内申请人在平台申请借款数</el-divider>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="一般消费分期平台:" size="small">
            {{personal_loan_demand.wx_datad7.common_amortize_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="信用卡:" size="small">
            {{personal_loan_demand.wx_datad7.credit_card}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="大型消费金融公司:" size="small">
            {{personal_loan_demand.wx_datad7.large_finance_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="其它类型贷款公司:" size="small">
            {{personal_loan_demand.wx_datad7.other_platform}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="P2P平台:" size="small">
            {{personal_loan_demand.wx_datad7.p2p_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="小额贷款公司:" size="small">
            {{personal_loan_demand.wx_datad7.petty_loan_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="贷款需求总数:" size="small">
            {{personal_loan_demand.wx_datad7.platform_total}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">

      </el-col>
    </el-row>

    <el-divider content-position="center">一个月内申请人在平台申请借款数</el-divider>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="一般消费分期平台:" size="small">
            {{personal_loan_demand.wx_datam1.common_amortize_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="信用卡:" size="small">
            {{personal_loan_demand.wx_datam1.credit_card}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="大型消费金融公司:" size="small">
            {{personal_loan_demand.wx_datam1.large_finance_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="其它类型贷款公司:" size="small">
            {{personal_loan_demand.wx_datam1.other_platform}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="P2P平台:" size="small">
            {{personal_loan_demand.wx_datam1.p2p_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="小额贷款公司:" size="small">
            {{personal_loan_demand.wx_datam1.petty_loan_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="贷款需求总数:" size="small">
            {{personal_loan_demand.wx_datam1.platform_total}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">

      </el-col>
    </el-row>
    <el-divider content-position="center">三个月内申请人在平台申请借款数</el-divider>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="一般消费分期平台:" size="small">
            {{personal_loan_demand.wx_datam3.common_amortize_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="信用卡:" size="small">
            {{personal_loan_demand.wx_datam3.credit_card}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="大型消费金融公司:" size="small">
            {{personal_loan_demand.wx_datam3.large_finance_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="其它类型贷款公司:" size="small">
            {{personal_loan_demand.wx_datam3.other_platform}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="P2P平台:" size="small">
            {{personal_loan_demand.wx_datam3.p2p_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="小额贷款公司:" size="small">
            {{personal_loan_demand.wx_datam3.petty_loan_platform}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="贷款需求总数:" size="small">
            {{personal_loan_demand.wx_datam3.platform_total}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">

      </el-col>
    </el-row>
    <el-divider content-position="center">贷款放款信息</el-divider>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="消费分期类放款机构数:" size="small">
            {{personal_loan_f.cflenders}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="最近一次距今天数:" size="small">
            {{personal_loan_f.distance_now_days}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近1个月放款次数:" size="small">
            {{personal_loan_f.lend_number1}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近3个月放款次数:" size="small">
            {{personal_loan_f.lend_number3}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近6个月放款次数:" size="small">
            {{personal_loan_f.lend_number6}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="最近一次贷款时间:" size="small">
            {{personal_loan_f.lend_time}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近12个月放款机构总数:" size="small">
            {{personal_loan_f.lenders}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="贷款时长:" size="small">
            {{personal_loan_f.loanday}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="网络贷款类放款机构数:" size="small">
            {{personal_loan_f.nllenders}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近1个月还款失败次数:" size="small">
            {{personal_loan_f.repay_fail1}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近12个月还款失败次数:" size="small">
            {{personal_loan_f.repay_fail12}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近1个月还款成功次数:" size="small">
            {{personal_loan_f.repay_succ1}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近12个月还款成功次数:" size="small">
            {{personal_loan_f.repay_succ12}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">

      </el-col>
      <el-col :span="6">

      </el-col>
      <el-col :span="6">

      </el-col>
    </el-row>
    <el-divider content-position="center">贷款申请信息</el-divider>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近12个月申请机构总数:" size="small">
            {{personal_loan_s.apply_mechanism_number}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近1个月申请次数:" size="small">
            {{personal_loan_s.apply_time1}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近3个月申请次数:" size="small">
            {{personal_loan_s.apply_time3}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近6个月申请次数:" size="small">
            {{personal_loan_s.apply_time6}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="消费分期类申请机构数:" size="small">
            {{personal_loan_s.consumer_apply_mechanism_number}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="距离最近一次申请日期的天数" size="small">
            {{personal_loan_s.distance_now_days}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="最近一次申请日期:" size="small">
            {{personal_loan_s.last_apply_time}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="网络贷款类申请机构数:" size="small">
            {{personal_loan_s.network_loan_apply_mechanis_mnumber}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-divider content-position="center">历史逾期记录</el-divider>
    <el-row align="middle" type="flex">
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近6个月逾期机构总数:" size="small">
            {{overdue.overdue_mechanism_number}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近6个月逾期总次数:" size="small">
            {{overdue.overdue_total_counts}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近6个月逾期总金额（元）:" size="small">
            {{overdue.overdue_total_money}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="200px">
          <el-form-item label="近6个月未结清逾期次数:" size="small">
            {{overdue.uncleared_counts}}
          </el-form-item>
        </el-form>
      </el-col>

    </el-row>
    <el-row>
      <el-col :span="24" :offset="6">
        <el-table :data="overdue.data_list" size="medium" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'left'}"
          style="width: 100%">
          <el-table-column prop="overdue_day" label="逾期天数" width="200">
          </el-table-column>
          <el-table-column prop="overdue_money" label="逾期金额" width="200">.
          </el-table-column>
          <el-table-column prop="overdue_time" label="逾期时间" width="200">
          </el-table-column>
          <el-table-column prop="settlement" label="是否结清" width="200">
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
    <el-divider content-position="center">关联风险检测</el-divider>
    <el-row align="middle" type="flex">
      <el-col :span="12">
        <el-form status-icon label-width="200px">
          <el-form-item label="3个月身份证关联手机号次数:" size="small">
            {{relevance.ident_to_phone_counts}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="12">
        <el-form status-icon label-width="200px">
          <el-form-item label="3个月手机号关联身份证次数:" size="small">
            {{relevance.phone_to_ident_counts}}
          </el-form-item>
        </el-form>
      </el-col>

    </el-row>
    <el-divider content-position="center">风险名单检测</el-divider>
    <el-row>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="归属地位于高风险集中地区:" size="small">
            {{risk_list_check.census_register_hign_risk_area}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="车辆租赁违约名单:" size="small">
            {{risk_list_check.car_rental_break_contract_list}}
          </el-form-item>
        </el-form>
      </el-col>

      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="法院失信名单:" size="small">
            {{risk_list_check.court_break_faith_list}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="法院结案名单:" size="small">
            {{risk_list_check.court_case_list}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="法院执行名单:" size="small">
            {{risk_list_check.court_execute_list}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="信贷逾期名单:" size="small">
            {{risk_list_check.credit_overdue_list}}
          </el-form-item>
        </el-form>
      </el-col>

      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="犯罪通缉名单:" size="small">
            {{risk_list_check.crime_manhunt_list}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="高风险关注名单:" size="small">
            {{risk_list_check.hign_risk_focus_list}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="欠税公司法人代表名:" size="small">
            {{risk_list_check.owing_taxes_legal_person_list}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="欠税名单:" size="small">
            {{risk_list_check.owing_taxes_list}}
          </el-form-item>
        </el-form>
      </el-col>

      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="特殊关注名单:" size="small">
            {{risk_list_check.personal_fraud_blacklist}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="故意违章乘车名单:" size="small">
            {{risk_list_check.riding_break_contract_list}}
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="通信小号库:" size="small">
            {{risk_list_check.small_number_base}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="助学贷款欠费历史:" size="small">
            {{risk_list_check.student_loan_arrearage_list}}
          </el-form-item>
        </el-form>
      </el-col>

      <el-col :span="6">
        <el-form status-icon label-width="150px">
          <el-form-item label="虚拟号码库:" size="small">
            {{risk_list_check.virtual_number_base}}
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="6">
        <el-form status-icon label-width="150px">

        </el-form>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  import {
    getBoolData
  } from '@/api/order'
  export default {
    data() {
      return {
        base: {
          "age": 0,
          "id_card_city": "",
          "ident_number": "",
          "mobile_address_city": "",
          "name": "",
          "phone": ""
        },
        court_risk_info_list:[],
        personal_loan_demand: {
          "wx_datad7": {
            "common_amortize_platform": 1,
            "credit_card": 0,
            "large_finance_platform": 0,
            "other_platform": 1,
            "p2p_platform": 0,
            "petty_loan_platform": 0,
            "platform_total": 2
          },
          "wx_datam1": {
            "common_amortize_platform": 1,
            "credit_card": 0,
            "large_finance_platform": 0,
            "other_platform": 3,
            "p2p_platform": 0,
            "petty_loan_platform": 0,
            "platform_total": 4
          },
          "wx_datam3": {
            "common_amortize_platform": 4,
            "credit_card": 0,
            "large_finance_platform": 4,
            "other_platform": 4,
            "p2p_platform": 4,
            "petty_loan_platform": 2,
            "platform_total": 18
          }
        },
        personal_loan_f: {
          "cflenders": "无记录",
          "distance_now_days": "无记录",
          "lend_number1": "无记录",
          "lend_number3": "无记录",
          "lend_number6": "无记录",
          "lend_time": "无记录",
          "lenders": "无记录",
          "loanday": "无记录",
          "nllenders": "无记录",
          "repay_fail1": "无记录",
          "repay_fail12": "无记录",
          "repay_succ1": "无记录",
          "repay_succ12": "无记录",
          "type": "N"
        },
        personal_loan_s: {
          "apply_mechanism_number": "3",
          "apply_time1": "0",
          "apply_time12": "4",
          "apply_time3": "3",
          "apply_time6": "3",
          "consumer_apply_mechanism_number": "0",
          "distance_now_days": 64,
          "last_apply_time": "2019-04",
          "network_loan_apply_mechanis_mnumber": "1",
          "type": "Y"
        },
        overdue: {
          "data_list": [],
          "overdue_mechanism_number": "",
          "overdue_total_counts": "",
          "overdue_total_money": "",
          "type": "N",
          "uncleared_counts": "",
          "yuqi_boolean": false
        },
        relevance: {
          ident_to_phone_counts: '',
          phone_to_ident_counts: ''
        },
        risk_list_check: {
          "car_rental_break_contract_list": "未命中",
          "census_register_hign_risk_area": "未命中",
          "court_break_faith_list": "未命中",
          "court_case_list": "未命中",
          "court_execute_list": "未命中",
          "credit_overdue_list": "未命中",
          "crime_manhunt_list": "未命中",
          "hign_risk_focus_list": "未命中",
          "owing_taxes_legal_person_list": "未命中",
          "owing_taxes_list": "未命中",
          "personal_fraud_blacklist": "未命中",
          "riding_break_contract_list": "未命中",
          "small_number_base": "未命中",
          "student_loan_arrearage_list": "未命中",
          "virtual_number_base": "未命中"
        },
        detail: {}
      }
    },
    created() {
      let order_id = this.$route.params.order_id;
      this.getBoolData(order_id)
    },
    methods: {
      getBoolData(order_id) {
        getBoolData(order_id).then(resp => {
          this.base = resp.data.resp_data.base_info
          this.overdue = resp.data.resp_data.personal_overdue_history
          this.relevance = resp.data.resp_data.relevance_risk_check
          this.risk_list_check = resp.data.resp_data.risk_list_check
          this.personal_loan_s = resp.data.resp_data.personal_loan_s
          this.personal_loan_f = resp.data.resp_data.personal_loan_f
          this.personal_loan_demand = resp.data.resp_data.personal_loan_demand
          this.court_risk_info_list=resp.data.resp_data.court_risk_info_list
         // console.log(resp.data.resp_data.court_risk_info_list);
        //  console.log(this.court_risk_info_list);
          this.detail = resp.data.resp_data
        })
      }
    }
  }
</script>

<style>

</style>
